Midone - Laravel Admin Dashboard Starter Kit Getting Started File Structure Installation Style Customization Javascript Attributions Support Changelog

Javascript

Javascript Structure

All the javascript files used by the template are placed at /resources/js/* directory. Every single component JS file are imported in /resources/js/libs/index.js. You can modify this file to add or remove components depends to your needs. Here is the part things you need to know about the /resources/js/libs/index.js structure and functions.

  • 3rd Parties: This section supposed to import all 3rd parties JS files.
  • Components: This section supposed to import all component JS files used by the template.
                         
                            // 3rd Parties
                            import './bootstrap'
                            import './chart'
                            import './highlight'
                            import './feather'
                            import './tiny-slider'
                            import './tippy'
                            import './datepicker'
                            import './tail-select'
                            import './dropzone'
                            import './ckeditor'
                            import './validation'
                            import './zoom'
                            import './svg-loader'
                            import './toast'
                            import './tabulator'

                            // Components
                            import './maps'
                            import './chat'
                            import './dropdown'
                            import './modal'
                            import './show-modal'
                            import './show-dropdown'
                            import './tab'
                            import './accordion'
                            import './search'
                            import './copy-code'
                            import './show-code'
                            import './side-menu'
                            import './mobile-menu'
                            import './side-menu-tooltip'

                            // Dark mode switcher
                            import './dark-mode-switcher'